<!DOCTYPE HTML >
<html>
<head>
    <title>下单配送地址</title>
    <meta charset='utf-8'>
    <style type='text/css'>
        *{
            margin: 0;
            padding: 0;
            border: 0 none;
            font-family: 微软雅黑;
        }
        div{
            margin: 0;
            padding: 0;
        }
        a  {
            text-decoration: none;
            color: black;
        }
        ul li{
            list-style: none;
        }
        .all{
            min-width: 1240px;
            background-color: #f6f6f6;
            /*height: 1000px;*/
        }
        .wrapper{
            min-width: 1240px;

        }
        .top{
            width: 1240px;
            height: 35px;
            /*background-color: #00FF00;*/
            margin: 0 auto;
            position: relative;

        }
        .login{
            height:35px;
            line-height: 35px;
            float: left;
        }
        .login div div{
            float: left;
            font-size: 12px;
            color: #c1bec0;
            padding-right: 15px;
        }
        .search{
            width: 1240px;
            height:132px;
            /*line-height: 100px;*/
            margin:0 auto;
            padding-top: 30px;
            /*background-color:#bf314a;*/
            position:relative;
        }
        .research{
            width:472px;
            height: 40px;
            position: absolute;
            right: 200px;
            border: 1px solid #2f9f30;
        }
        .bought{
            width: 160px;
            height: 40px;
            line-height: 40px;
            position:absolute;
            right: 0;
            cursor: pointer;
            /*color: #555555;*/
            font-size: 12px;
            border: 1px solid #9f9f9f;
            background-color: #ffffff;

        }
        .search-more{
            color: #9f9f9f;
            font-size: 12px;
            width: 400px;
            height: 40px;
            line-height: 40px;
            position:absolute;
            left: 565px;
        }
        .search-more div {
            width:80px;
            height: 40px;
            line-height:40px ;
            float: left;
        }
        .smart-up{
            width: 1240px;
            height:42px;
            margin: 0 auto;
            position: absolute;
            bottom: 0;
            /*background-color:white;*/
        }
        .smart-left{
            width: 210px;
            height: 42px;
            line-height: 42px;
            background-color: #353435;
            position: absolute;
            cursor: pointer;
        }
        .smart-left div{
            float: left;
            color:white;
        }
        .smart-right{
            width: 830px;
            height: 42px;
            position: absolute;
            right: 200px;
        }
        .smart-right div{

            height: 42px;
            margin-left: 30px;
            color: #353435;
            text-align: center;
            line-height: 42px;
            float: left;
            cursor: pointer;
        }
        .center{
            width: 1240px;
            border: 1px solid #c1bec0;
            border-top:5px solid #72c224;
            margin: 0 auto;
        }
        .center-up{
            width: 1180px;
            margin: 0 auto;
            border-bottom: 1px dashed #c1bec0;
        }
        .up{
            height:50px;
            position: relative;
            line-height:50px;
            border-bottom: 1px solid #c1bec0;
        }
        .up>div{
            position: absolute;
        }
        .black{
            font-size:18px;
            left: 10px;
        }
        .red{
            color: red;
            font-size: 14px;
            left:100px;

        }
        .down{
            position: relative;
            width: 1140px;
            margin: 10px auto;
        }
        .down a>div{
            position: absolute;
        }
        .center-down{
            width: 600px;
            height: 200px;
            position:relative;
            border-bottom: 1px dashed #c1bec0;
            left:615px;
           margin-top:40px;
        }
        .center-down>div{
            position: absolute;
            right: 30px;
        }
        .footer-up{
            height: 90px;
            /*line-height: 90px;*/
            width: 1240px;
            margin: 0 auto;
        }
        .footer-up>div{
            width: 309px;
            height: 60px;
            margin: 15px auto;
            line-height: 60px;
            float: left;
            /*text-align: center;*/
            border-right: 1px solid #9f9f9f;
            position: relative;
        }
        .seven{
            width: 20px;
            height: 20px;
            position: absolute;
            top:10px;
            left:10px;
        }
        .footer-more{
            position: absolute;
            right:70px;
            width: 120px;
            font-size: 18px;
        }
        .footer-main{
            margin:25px auto;
            width: 1240px;
            height: 210px;
        }
        .footer-main >div{
            width: 200px;
            height: 210px;
            float: left;
        }
        .footer-main  a>div{
            font-size: 12px;
            color: #6f6f6f;
            margin-top: 20px;
        }
        .footer-down{
            margin: 0 auto;
            width: 1240px;
            height:80px;
            line-height: 80px;
            text-align: center;
            color: #979797;
            font-size: 12px;
        }
    </style>
</head>
<body>
<div class='all'>
    <!--登录-->
    <div class='wrapper' style="  background-color: #353435;">
        <div class='top'>
            <!--左边-->
            <div class='login' style='width: 995px;'>
                <div>
                    <a href='#'><div>大客户采购</div></a>
                    <a href='#'><div>帮助中心</div></a>
                    <a href='#'><div>收藏本站</div></a>
                    <a href='#'><div>商品入住</div></a>
                    <a href='#'><div>老人手环申请</div></a>
                    <a href='#'><div>
                        <div style='width: 22px;height: 15px;padding:0;
                        background: url("../img/item1/all/tool.png") -2px -268px;position: absolute;top:10px;'></div>
                        <div style= 'padding-left: 25px'>手机商城</div
                        ></div></a>
                </div>
            </div>
            <!--右边-->
            <div class='login' style='width: 245px;'>
                <div>
                    <a href='#'><div style=''>登录</div></a>
                    <a href='#'><div>注册</div></a>
                    <a href='#'><div>|</div></a>
                    <a href='#'><div>F码购买</div></a>
                    <a href='#'><div style='padding: 0'>我的订单</div></a>
                </div>
            </div>
        </div>
    </div>
    <div class='wrapper' style='border-bottom: 1px solid #353435;background-color: white;'>
        <div class='search' >
            <!--搜索栏-->
            <div style='width: 1240px;height: 42px;position:relative;'>
                <!--柔柔商城图片-->
                <div style='width: 150px;height: 40px;background: url("../img/item1/all/logo.png");position: absolute;'></div>
                <div class='research'>
                    <div style='position: absolute'>
                        <form>
                            <input type='text' value='几米无屏电视' style='
                             border: 0 none; width: 400px;
                                color: #9f9f9f;
                             height:40px;padding-left:15px'>
                        </form>
                    </div>
                    <div style='position: absolute;
                    cursor: pointer;
                    right: 0; width: 72px;height: 40px;line-height: 40px; background-color: #2f9f30;'>
                        <div style='width:72px;height: 40px;line-height: 40px;
                        background: url("../img/item1/all/tool.png") no-repeat 24px -110px'></div>
                    </div>
                </div>
                <!--我的购物车-->
                <div class='bought' >
                    <div style='width: 20px;height: 15px;background: url("../img/item1/all/tool.png") 0 0;
                        position: absolute;left: 20px;top: 12px;'>
                    </div>
                    <div style='position: absolute;left: 45px;'>我的购物车</div>
                    <div style='position: absolute;left: 105px;color: #9f9f9f'>(0)</div>
                </div>
            </div>
            <!--儿童手表-->
            <div class='search-more'>
                <div>手机N4A</div>
                <div>儿童手表5C</div>
                <div>儿童机器人</div>
                <div>安全路由5G</div>
            </div>
            <div class='smart-up'>
                <!--左边-->
                <div class='smart-left'>
                    <div style='width: 26px;height: 26px;margin:7px 10px 7px 30px;background: url("../img/item1/all/tool.png") no-repeat
                        3px -300px
    '></div>
                    <div>全部智能酷品</div>
                </div>
                <!--右边-->
                <div class='smart-right'>
                    <div>手机</div>
                    <div>行车记录仪</div>
                    <div>儿童手表</div>
                    <div>摄像机</div>
                    <div>路由器</div>
                    <div>儿童机器人</div>
                    <div>老人手表</div>
                    <div>智品牌</div>
                    <div>社区</div>
                </div>
            </div>
        </div>
    </div>
    <div class='wrapper' style='margin:30px 0; '>
        <div class='center'>
            <div class='center-up'>
                <div class='up' style=''>
                   <div class='black'>收货地址</div>
                   <div class='red'>温馨提示:为了保证你的权益，防止黄牛倒卖，订单进入正在配货状态将不能
                   修改收货地址和发票信息</div>
                </div>
                <div class='down'>
                    <div style='height:40px;width: 1140px;line-height: 40px; '>
                        <a href='#'>
                            <div style='width: 22px;height: 22px;top: 9px;left: 10px;
                            background: url("../img/item1/adress/on.png")'>
                            </div>
                        </a>
                        <a href='#'><div style='font-size: 12px;left:40px;'>湖南省 长沙市 岳麓区 麓谷企业广场B1栋204号，18675580919</div></a>
                        <a href='#'><div style='font-size: 12px;right: 0'>编辑</div></a>
                    </div>
                    <a href='#'><div style='width:140px;height:35px;
                    margin-top: 10px;background: url("../img/item1/all/tcon.png") 0 -510px;
                    '></div></a>
                </div>
                <div class='up' style='top: 60px;'>
                    <div class='black'>支付方式</div>
                </div>
                <div class='down' style='margin-top: 60px;'>
                    <div style='height:40px;width: 1140px;line-height: 40px; '>
                    <a href='#'>
                        <div style='width: 22px;height: 22px;top: 9px;
                            background: url("../img/item1/adress/on.png")'>
                        </div>
                    </a>
                        <a href='#'><div style='font-size: 14px;left:30px;'>在线支付</div></a>
                    </div>
                </div>
                <div class='up' style='top:30px;'>
                    <div class='black'>配送方式</div>
                </div>
                <div class='down' style='margin-top:30px;'>
                    <div style='height:40px;width: 1140px;line-height: 40px; '>
                        <a href='#'>
                            <div style='width: 22px;height: 22px;top: 9px;
                            background: url("../img/item1/adress/on.png")'>
                            </div>
                        </a>
                        <a href='#'><div style='font-size: 14px;left:30px;'>免费配送</div></a>
                    </div>
                </div>
                <div class='up' style='top:30px;'>
                    <div class='black'>发票信息</div>
                </div>
                <div class='down' style='margin-top:30px;'>
                    <div style='height:40px;width: 1140px;line-height: 40px; '>
                        <a href='#'>
                            <div style='width: 22px;height: 22px;top: 9px;
                            background: url("../img/item1/adress/off.png")'>
                            </div>
                        </a>
                        <a href='#'><div style='font-size: 14px;left:30px;'>不开发票</div></a>
                        <a href='#'>
                            <div style='width: 22px;height: 22px;top: 9px;left: 100px;
                            background: url("../img/item1/adress/on.png")'>
                            </div>
                        </a>
                        <a href='#'><div style='font-size: 14px;left:130px;'>普通发票</div></a>
                    </div>
                </div>
                <div style='width:800px;height: 150px;border: 1px solid #c1bec0;position:relative '>
                    <div style='position: absolute;top: 30px;left: 30px;font-size: 14px;'>发票内容：购买商品明细</div>
                    <div style='position: absolute;top:60px;left:30px;font-size: 14px;'>
                        发票抬头：请确认单位名称正确。以免因名称错误耽搁您的报销。</div>
                    <div style='width: 120px;height: 35px;line-height: 35px;text-align: center;
                    border: 1px solid red;position: absolute;top:90px;left: 30px;'>个人</div>
                    <div style='width: 120px;height: 35px;
                    line-height: 35px;text-align: center;border: 1px solid #c1bec0;
                    position: absolute;top:90px;left: 170px;'>单位</div>
                </div>
                <div class='up' style=' border: 0 none;'>
                    <div class='black'>发票信息</div>
                </div>
                <div style='color: white;font-size:12px;width: 1180px;height: 40px;background-color: #72c224;position:relative;'>
                    <div style='position: absolute;top: 15px;left: 50px;'>商品名称</div>
                    <div style='position: absolute;top: 15px;left:550px;'>单价</div>
                    <div style='position: absolute;top: 15px;left: 650px;'>数量</div>
                    <div style='position: absolute;top: 15px;left: 850px;'>合计</div>

                </div>
                <div style='width: 1180px;height:100px;margin:20px auto;
                position:relative;font-size: 14px;'>
                    <div style='position: absolute;width:70px;height:70px; top: 15px;left: 50px;border: 1px solid #c9c9c9'><img src="../img/item1/mall/car_shop.jpeg" width="70" height="70"></div>
                    <div style='position: absolute;top:45px;left:150px;width: 200px;
                    overflow: hidden;white-space: nowrap;'>普宙BYRD Premium1.0专业四轴航</div>
                    <div style='position: absolute;top:45px;left:550px;'>6488.00元</div>
                    <div style='position: absolute;top:45px;left: 650px;'>x1</div>
                    <div style='position: absolute;top:45px;left: 850px;font-size: 18px;color: #fc6e09'>￥6488.00</div>

                </div>
            </div>
            <div class='center-down'>
                <div>共<span style='color: #fc6e09'>1</span>件</div>
                <div style='top:30px;'>金额合计共：6488.00元</div>
                <div style='top:60px;'>优惠抵扣：-0.00元</div>
                <div style='top:90px;'>配送费：0.00元</div>
                <div style='bottom: 20px'>
                    <span style='font-weight:bold '>应付金额：</span>
                    <span style='font-weight:bold;color: #fc6e09;font-size:36px; '>6488.00</span>
                    <span style='font-weight:bold '>元</span>

                </div>
            </div>
            <div class='center-down'>
                <div style='right: 46px;'>使用优惠码</div>
                <a href='#'><div style='width: 16px;height: 16px;
                position: absolute;right: 30px;top: 2px;
                background:url("../img/item1/adress/qt.gif")'></div></a>
                <div style='top:35px;right: 270px'>优惠码：</div>
                <div style='top:30px;width:230px;height: 30px;border: 1px solid #c1bec0'></div>
                <div style='top: 80px;width: 100px;height: 40px;line-height: 40px;color:snow;
                text-align: center;
                background-color: #72c224'>
                    立即使用
                </div>
            </div>
            <div class='center-down' style='border: 0 none'>
                <div style='font-size: 12px;'>寄送至：湖南省 长沙市 岳麓区 麓谷企业广场B1栋204号</div>
                <div style='top:35px;font-size: 12px;'>业广(收件人)：18675580919</div>
                <a href='pay.html' target="_blank"><div style='top: 80px;width: 150px;height: 40px;line-height: 40px;color:snow;
                text-align: center;position: absolute;right: 30px;
                background-color: #fc6d08'>
                    立即下单
                </div></a>
            </div>
        </div>
    </div>
    <div class='wrapper' style="background-color: #ffffff ">
        <div class='wrapper' style='border-top: 1px solid #c1bec0;
           margin: 0'>
            <div class='footer-up'>
                <div >
                    <div style=' line-height:40px;font-size: 18px;color: #23ac38; text-align:center;
                        width: 40px;height: 40px;background: url("../img/item1/all/yuan.png");  position: absolute;top:10px;left:70px;'>
                        7
                    </div>
                    <div class='footer-more'>7天无理由退货</div>
                </div>
                <div >
                    <div style=' line-height:40px;font-size: 18px;color: #36ab3f; text-align:center;
                        width: 40px;height: 40px;background: url("../img/item1/all/yuan.png");  position: absolute;top:10px;left:70px;'>
                        15
                    </div>
                    <div class='footer-more'>15天免费换货</div>
                </div>
                <div >
                    <div style='
                        line-height:40px;font-size: 18px;color: #23ac38; text-align:center;
                        width: 40px;height: 40px;background: url("../img/item1/all/yuan.png");  position: absolute;top:10px;left:70px;'>
                        包
                    </div>
                    <div class='footer-more'>满99元包邮</div>
                </div>
                <div style='border-right: 0 none'>
                    <div style=' line-height:40px;font-size: 18px;color: #23ac38; text-align:center;
                        width: 40px;height: 40px;background: url("../img/item1/all/yuan.png");  position: absolute;top:10px;left:70px;'>
                        服
                    </div>
                    <div class='footer-more' >手机特色服务</div>
                </div>

            </div>
        </div>
        <div class='wrapper' style='border-top: 1px solid #c1bec0;margin: 0'>
            <div class='footer-main'>
                <div>
                    <div>帮助中心</div>
                    <a href='#'><div>用户注册</div></a>
                    <a href='#'><div>用户登录与密码找回</div></a>
                    <a href='#'><div>购买指南</div></a>
                    <a href='#'><div>支付方式</div></a>
                    <a href='#'><div>配送与说明</div></a>
                </div>
                <div>
                    <div>售后服务</div>
                    <a href='#'><div>7日无理由退换</div></a>
                    <a href='#'><div>质量问题 15 日内换货</div></a>
                    <a href='#'><div>保修条款</div></a>
                    <a href='#'><div>服务流程</div></a>
                    <a href='#'><div>安迷之家</div></a>
                </div>
                <div>
                    <div>特色服务</div>
                    <a href='#'><div>F码通道</div></a>
                    <a href='#'><div>360 生态</div></a>
                </div>
                <div>
                    <div>推广合作</div>
                    <a href='#'><div>商品入驻</div></a>
                    <a href='#'><div>大客户采购</div></a>
                </div>
                <div>
                    <div>关注柔柔商城</div>
                    <a href='#'><div>柔柔柔商城大事记</div></a>
                </div>
                <div style='position: relative'>
                    <div>联系我们</div>
                    <a href='#'>
                        <div style='width: 108px;
                                height: 36px;
                                background-image: url("../img/item1/all/onserver.png");
                                position: absolute'>
                        </div>
                    </a>
                    <a href='#'>
                        <div style='width: 35px;height: 36px;
                                background-image:url("../img/item1/all/weixin.png");
                                position: absolute;left: 118px '>
                        </div>
                    </a>
                    <a href='#'>
                        <div style='width: 35px;height: 36px;
                                background-image:url("../img/item1/all/xinlang.png");
                                position: absolute;right: 0 '>
                        </div>
                    </a>


                </div>
            </div>
        </div>
        <div class='wrapper' style='border-top: 1px solid #c1bec0'>
            <div class='footer-down'>
                柔柔商城&copy;2013-2016公司版权所有 京ICP备08010314号-43 京公网安备11000002000006号
            </div>
        </div>
    </div>
</div>
</body>
</html>